.login {
  background: #f6f7f8;
  .top-bg {
    height: 194.48px;
    background: url(../img/login_bg.png) no-repeat;
    border-radius: 0 0 30px 30px;
  }
  .container {
    width: 343px;
    background: #ffffff;
    box-shadow: 0px 4px 17px 1px rgba(253, 150, 168, 0.15000000596046448);
    border-radius: 10px 10px 10px 10px;
    margin: -50px auto 0;
    padding: 20px 15px;
    .tab-box {
      display: flex;
      align-items: center;
      border-bottom: 0.5px solid #ebedf0;
      .tab {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #b3b5b9;
        span {
          padding: 14px 0;
          border-bottom: 2px solid #fff;
        }
      }
      .tabActive {
        color: #fd7895;
        span {
          border-bottom: 2px solid #fd7895;
        }
      }
    }
    .tip {
      font-size: 11px;
      font-weight: 400;
      color: #fd7895;
      text-align: center;
      margin-top: 8px;
    }
  }
}
